<template >
  <div class="template">
    <el-row class="row-bg">
      <el-col :xs="8" :sm="6" :md="4" :lg="3" :xl="1"
      ><div class="grid-content ep-bg-purple"
    /></el-col>
  </el-row>
  </div>
 
</template>

<style lang="scss" scoped>
.template{
  .row-bg{
    margin-bottom: 20px;
  }
  .grid-content {
    border-radius: 4px;
    width: 699px;
    background-color: red;
    min-height: 36px;
    min-width: 699px;
  }
}
@media screen and (width:750px){
  .grid-content{
    width: 100%;
    height: auto;
    background-color: #fff;
  }
}
</style>
